import Vue from 'vue'
// eleUI
import ElementUI from 'element-ui'
import './assets/styles/element-variables.scss'
// 阿里矢量图标库
import './assets/styles/iconfont/iconfont.css'
import mixins from './mixins'
import App from './App.vue'
import router from './router'
import './router/permission'
import store from './store'
// 拖拽
import VueDragResize from 'vue-drag-resize'
// 浮动按钮 https://github.com/a62527776a/vue-floating-action-button
import VueFab from 'vue-float-action-button'
// lodash
import lodash from 'lodash'
import debounce from 'lodash.debounce'
// 挂载全局方法
require('@/utils/core')
// fancyComponents 花式组件库 https://github.com/fancy-components/fancy-components#fc3dbtn
require('@/utils/fancyComponents.js')
// 自动挂载全局组件
require('@/components/base/components.js')

Vue.use(ElementUI)

// 全局mixin
Vue.mixin(mixins)

// 浮动按钮 
Vue.use(VueFab, {
  // iconType: 'MaterialDesign'
  iconType: 'iconfont'
})
// 拖拽
Vue.component('vue-drag-resize', VueDragResize)

Vue.config.productionTip = false

// Vue.prototype.$lodash = lodash

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
